/****** HOJA DE ESTILOS EN CASCADA PARA EL TRABAJO DE LINUX. ***************************
 *                        (CSS versión 2.1) 
 *  
 * Archivo incluido tanto para CSS 2.1 y para el nuevo CSS 3.
 * Sirve de base para ambos.
 *  
 * -------------------- Índice --------------------------
 *    1. Estilos generales
 *    2. Menú principal
 *    3. Enlaces
 *    4. Tamaños y estilos predeterminados
 *        * Ocultar y mostrar sin javascript 
 *    5. Encabezados
 *    6. Tablas
 *        * Tablas generales
 *        * Tablas específicas  
 *    7. Errores
 *    8. Imágenes
 *    9. Otros estilos
 *    
 * En el archivo "fondos.css" se encuentran las imágenes que aparecen como fondos,
 * así se puede conseguir que al utilizar el parámetro img=no ese archivo no se
 * incluya y consecuentemente los fondos de imágenes no se muestren.  
 */        


          /*** SECCIÓN 1 --- Estilos generales ***/

body {
    font-family: "Arial";
    color: #030109;
    margin: 2%;
    background-color: #DAF59F;
    text-align: justify;
}

h1 + p:first-letter, h2 + p:first-letter, h3 + p:first-letter, h4 + p:first-letter {/* letra capital */
    text-transform: uppercase;
    font-size: 160%;
    font-weight: bold;
}




          /*** SECCIÓN 2 --- Menú principal ***/

div#menu-principal {
    float: right;
    margin-left: 25px;
    margin-bottom: 18px;
    min-width: 295px;
    max-width: 405px;
}

div#menu-principal li {
    padding: 1.5px 0 1.5px 0;
    margin-top: -1px;
}

div#menu-principal li a {
    padding: 1.5px 3px 1.5px 3px;
}

div#menu-principal a:hover {
    font-size: 100%;
    font-variant: small-caps;
}


          /*** SECCIÓN 3 --- Enlaces ***/

a {
    text-decoration: none;
    color: #0000FF;
}

a:hover {
    text-decoration: underline;
    background-color: #BCB7FF;
}

li.actual > a {
    background-color: black;
    color: #EFFDF5;
}

a.interno {
    color: blue;
}

a img {
    border: none;
}
/* fondos.css <<:>> a.externo */


          /*** SECCIÓN 4 --- Tamaños y estilos predeterminados ***/

.grande, .big {
    font-size: 120%;
}

.pequeno, .small {
    font-size: 90%;
}

.negrita, .bold {
    font-weight: bold;
}

.izquierda, .left {
    text-align: left;
}

.derecha, .right {
    text-align: right;
}

.centro, .center {
    text-align: center;
}

.nobr {
    white-space: nowrap;
}

.limpia.izquierda {
    clear: left;
}

  /* Ocultar/mostrar sin javascript */

.oculto {
    display: none;
}

p span.oculto:target {
    background-color: #D0E0F1;
    display: inline !important;
}

          /*** SECCIÓN 5 --- Encabezados ***/

h1 {
    color: red;
    font-size: 283%;
    text-align: center;
    margin-top: 3mm;
    font-family: "Tw Cen MT", "Utopia", "Trebuchet MS", "Verdana";
}

h2 {
    border-bottom: 1px solid #15201D;
    width: 70%;
    text-align: left;
    color: #26282B;
    margin-top: 7mm;
}

h2#imagenes {
    clear: both;
}

h3 {
    color: #353B31;
    margin-top: 2mm;
}

h1 img.logo {
    text-align: left !important;
}


          /*** SECCIÓN 6 --- Tablas ***/

     /* 6.1. General */
table {
    border: 3px solid black;
    border-collapse: collapse;
}

td, th {
    border: 2px solid black;
    padding: 3px;
}

th {
    font-weight: bold;
    background-color: #89ED90;
    text-align: center;
}

     /* 6.2. Específico */

  /* Página 230 */
table#cronologia {
    border: 5px outset black;
}

table#cronologia td:first-child {
    vertical-align: top;
    font-style: italic;
    padding: 5px;
    color: navy;
}

table#cronologia td:first-child + td {
    font-family: "Utopia", "Times New Roman";
    font-size: 108%;
    padding: 3px;
}

table#cronologia td:first-child + td:first-letter {
    margin-left: 27px;
}

  /* Página 32x :: Nombres */
table#nombres, table#ediciones {
    border: 7px inset gray;
    margin-left: 20px;
    min-width: 460px;
    padding: 15px;
    font-family: "Trebuchet MS", "Utopia", "Times New Roman";
    text-align: left;
}

table#nombres td {
    border: none;
    border-bottom: 1px solid black;
    text-align: center;
}

table#nombres th {
    border: 1px dashed #077007;
    padding: 5px;
    font-weight: bold;
}

table#nombres tr.antigua.sin-soporte, div span.antigua.sin-soporte {
    background-color: #F77257;
}
table#nombres tr.antigua.con-soporte, div span.antigua.con-soporte {
    background-color: #CEE482;
}
table#nombres tr.actual, div span.antigua.actual {
    background-color: #9DD12F;
}
table#nombres tr.actual td:first-child, table#nombres tr.actual td:first-child + td {
    font-weight: bold;
}
table#nombres tr.futura, div span.futura {
    background-color: #FCED77;
}

div#nombres-leyenda {
    clear: right;
    float: right;
    border: 2px solid #370014;
    margin-right: 75px;
    margin-top: 15px;
    padding: 5px;
}
div#nombres-leyenda span {
    border: 1px solid black;
}

  /* Página 32x :: Imágenes (galería) */
table#screenshots {
    border: none;
    border-collapse: separate;
    margin-left: 25px;
    width: 90%;
}

table#screenshots td {
    border: 1px dotted #244750;
}

table#screenshots div.imagen.galeria {
    text-align: center;
}

table#screenshots tr.alt {
    text-align: left;
}

  /* Pägina 32x :: Ediciones */
table#ediciones td:first-child {
    font-size: 110%;
    font-weight: bold;
    text-align: center;
    background-color: #6D8E35;
    color: white;
}

  /* Página 500 */
body#pagina-500 table {
    width: 65%;
    margin-left: 44px;
    margin-top: 17px;
}

td#volver_estado_inicial {/* fondos.css */
    background-color: #DA758A;
    height: 35px;
}

td#volver_estado_inicial a {
    color: #FAFAFF;
    font-size: 17pt;
    font-weight: bold;
    font-family: "Verdana";
    letter-spacing: 1px;
    word-spacing: 5px;
}


          /*** SECCIÓN 7 --- Errores ***/

p.error {/* fondos.css */
    color: red;
    font-size: 150%;
}

div#error {
    max-width: 63%;
    border: 3px double red;
    background-color: #ED9FA5;
    padding: 10px 5px 18px 20px;
    margin-bottom: 2cm;
}

div#error p.ocultar {
    font-size: 90%;
    font-weight: bold;
    text-decoration: blink;
    float: right;
}

div#error:target {
    display: none;
}


          /*** SECCIÓN 8 --- Imágenenes ***/

div.marco {
	  text-align: center;
	  border: 1px solid #CDC9C7;
	  margin: 5px 8px 4px -1px;
}

div.marco_int {
	  border: 1px solid #ccc;
	  padding: 3px !important;
	  background-color: #DAE0D5;
	  overflow: hidden;
}

div.solo_alt {
    padding: 0.2mm;
}

img.imagen {
    float: left;
    margin-right: 25px;
}

div.marco_lupa {
    float: right;
}

div.marco_pie {
    text-align: left;
    margin-left: 5px;
    font-family: "Verdana";
	  font-size: 80%;
}

div.img_izquierda {
    float: left;
	  margin-right: 15px;
}

div.img_derecha {
    float: right;
    margin-left: 15px;
}

div.img_centrada {
    margin: auto;
    text-align: center;
}

.datos-imagen {
    font-size: 75%;
}

          /*** SECCIÓN 9 --- Otros estilos ***/

*:target {
    display: none;
}

p#validador {
    margin-top: 2pc;
}

p#nota {
    text-align: left;
}

p.continua, p#navegador {
    margin-top: 20px;
    margin-left: 1em;
}

p.continua span, p#navegador {/* fondos.css */
    padding: 7px 12px 8px 25px;
}

p.continua span:hover, p#navegador:hover {
    background-color: #B0E0E6;
    border: 1px solid blue;
}

p#navegador {
    cursor: help;
}

p#ultima_actualizacion {
    clear: both;/* lo manda hacia abajo */
    margin-left: 25px;
    margin-top: 15mm;
    margin-bottom: 1cm;
    border-top: 2px solid gray;
    width: 600px;
    padding-top: 15px;
}
